<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单</title>
</head>
<body>

<form action="#">
    <label for="uu">关联文字:</label>
    <input type="text" id="uu">
    <br>
    姓名:<input type="text" name="username" placeholder="请输入姓名" maxlength="6" minlength="2"><br>
    昵称:<input type="text" name="nickname" value="小张" readonly><br>
    昵称:<input type="text" name="nickname" value="张总" disabled><br>
    密码:<input type="password" name="pwd" value="123456"><br>
    性别:
    <input type="radio" name="gender" value="1" checked>男
    <input type="radio" name="gender" value="1">女
    <br>
    爱好:
    <input type="checkbox" name="like" value="java" checked>Java
    <input type="checkbox" name="like" value="mysql" checked>MySQL
    <input type="checkbox" name="like" value="redis">Redis
    <input type="checkbox" name="like" value="spring">Spring
<!--    <input type="checkbox" name="like" value="mybatis">MyBatis-->
<!--    <input type="checkbox" name="like" value="springmvc">SpringMVC-->
<!--    <input type="checkbox" name="like" value="springboot">Springboot-->
    <br>
    生日:<input type="date" name="birthday">
    <br>
    幸运色:<input type="color" name="luckyColor">
    <br>
    缩放:<input type="range" name="uNum">
    <br>
    文件:<input type="file" name="infile">
    <br>
    留言板:<textarea style="resize: none"></textarea>
    <br>
    <input type="checkbox" id="ok">
    <label for="ok">我同意以上协议</label>
    <br>
    喜欢的城市:
    <select name="city">
        <option value="wh">武汉</option>
        <option value="cs" selected>长沙</option>
        <option value="nj">南京</option>
        <option value="cc">长春</option>
        <option value="sz">深圳</option>
    </select>

    <hr>

    <input type="submit" value="点我提交">
    <input type="reset" value="点我重置">
    <input type="button" value="普通按钮">
    <button>普通按钮</button>



</form>
</body>
</html>